@charset "utf-8";
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body {
	font-family:"Microsoft YaHei", "微软雅黑";
	font-size:14px;
	line-height:20px;
	color:#333;
	font-weight:normal;
}
p {
	display:block;
}
hr {
	border:none;
}
a {
	cursor:pointer;
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#005fb5;
}
ol, ul, dl {
	list-style-type: none;
	padding-left: 0;
}
.container {
	width: 1400px;
	margin-left: auto;
	margin-right:auto;
}
.fluid {
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	min-width: 1024px;
}
.clear:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden;
}
.guide {
	position:relative;
	font-family: "SimSun";
	overflow: hidden;
}
.guide .hd li {
	width: 20%;
	float: left;
	cursor: pointer;
	text-align: center;
}
.guide .hd li a {
	display: block;
}
.guide .hd li img {
	width: 100%;
}
.guide .hd li:hover {
	opacity: 0.9;
}
.gui-tit {
	font-size: 52px;
	color: #fff;
	background:rgba(0, 0, 0, .3);
	height: 175px;
	text-align: center;
	line-height: 175px;
	letter-spacing: 3px;
}
.guide .bd li {
	background-repeat: no-repeat;
	background-position: center center;
	height:1070px;
	width: 100%;
}
.guide .bd {
	overflow: hidden;
}
.guide-lb {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.header {
	padding: 23px 0 10px;
	height: 90px;
}
.header h1 {
	padding-left: 5px;
	width:140px;
	float: left;
}
.header h1 a {
	border:none;
}
.header h1 img {
	border:none;
}
.hea-l {
	float: left;
	color: #00488c;
	padding-left: 15px;
}
.hea-l span {
	font-weight: bold;
	line-height: 32px;
}
.hea-l span i {
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
}
.hea-l p {
	font-weight: bold;
}
.hea-l p b {
	font-size: 24px;
	padding-right: 10px;
}
.hea-r {
	float: right;
	color: #737373;
	font-size: 12px;
	padding-top: 35px;
}
.hea-r a {
	color: #737373;
	padding:0 5px;
}
.hea-r a:hover {
	color: #0066bf;
}
.nav {
	height: 40px;
	background:url(../images/in_12.jpg);
    
}
.nav-menu {display: flex; flex-wrap:nowrap;}
.nav-menu li {
	width: 20%;
    position: relative;
	text-align:center;
}
.nav-menu li:before{content: ''; width: 2px; height: 40px; position: absolute; top: 0; left: 0; background:url(../images/index_05.png) left center no-repeat;}
.nav-menu li:nth-last-child(1):after{content: ''; width: 2px; height: 40px; background:url(../images/index_05.png) left center no-repeat; position: absolute; top: 0; right: 0;}
.nav-menu li a {
	line-height: 40px;
	color: #fff;
    display: block;
}
.nav-menu li.on {
	background:url(../images/in_10.jpg) center center no-repeat;
}
.banner .slide .slidepic{height:496px; background-position: center; background-repeat: no-repeat; background-size: cover!important;}

.in-banner {
	position: relative;
	overflow: hidden;
}
.in-banner .bd ul li img {
	width: 100%;
}
.in-banner .hd {
	position:absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}
.in-banner .hd ul {
	text-align: center;
}
.in-banner .hd li {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background:#fff;
	display: inline-block;
	margin:0 4px;
	cursor: pointer;
	text-indent:1000px;
	opacity: 0.8;
}
.in-banner .hd li.on {
	background:#0085e5;
}
.in-main {
	padding: 70px 0 60px;
}
.in-tit {
	border-bottom: 1px solid #d7d8d9;
	font-weight: normal;
}
.in-tit span {
	background:url(../images/in_04.jpg) center center repeat-x;
	line-height: 31px;
	padding:0 10px;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	float: left;
	height: 33px;
	border-radius:6px 6px 0 0;
	border:1px solid #80c5fe;
	text-align: center;
}
.in-tit span b {
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
}
.in-tit a {
	float: right;
	background:url(../images/in_07.jpg) center center repeat-x;
	display: inline-block;
	float: right;
	width: 55px;
	height: 17px;
	border:1px solid #929db9;
	line-height: 15px;
	font-size: 10px;
	text-align: center;
	border-radius: 4px;
	margin-top: 9px;
}
.in-jj-l {
	float: left;
	width: 1000px;
}
.in-jj-r {
	float: left;
	width: 232px;
	margin-left: 20px;
	border:1px solid #e9e9e9;
	border-radius: 6px;
	height: 300px;
}
.in-jj-r .in-tit {
	border:none;
}
.in-jj-r .in-tit span {
	width: 100%;
}
.in-jj-list {
	padding-top: 25px;
}
.in-jj-list li {
	width: 33.3%;
	padding-right: 15px;
	float: left;
}
.in-jj-list li a {
	display: block;
}
.in-jj-list li:hover p {
	color: #005fb5;
}
.in-jj-list li:hover img {
	opacity: 0.8;
}
.in-jj-list li h1 img {
	width: 100%;
	height:140px;
}
.in-jj-list li p {
	font-size: 12px;
	color: #737373;
	padding-top: 10px;
}
.in-jj-rcon {
	padding:20px 10px 0;
	color: #737373;
	font-size: 12px;
	line-height: 25px;
}
.in-jj-rcon img {
	width: 100%;
	padding-bottom: 10px;
}
.history {
	padding-top: 50px;
}
.his-list {
	padding:25px 60px 0;
}
.his-list li {
	padding:20px 0 10px;
	border-bottom: 1px dashed #c2c2c2;
	background:url(../images/in_13.jpg) 10px 23px no-repeat;
	padding-left: 50px;
	font-size: 14px;
}
.his-list li:hover {
	background-color:#f7f5f5;
}
.foot {
	height:130px;
	background:url(../images/in_08.jpg) center center repeat-x;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.foo-bo {
	padding:0 100px;
	padding-top:8px;
}
.foo-bo a {
	color: #fff;
	padding:0 15px;
	line-height: 34px;
}
.foo-bo a:hover {
	color: #eceaea;
}
.foo-copy {
	padding-top:15px;
}
.ot-main {
	padding:40px 0;
	min-height:700px;
}
.ab {
	padding-bottom: 70px;
}
.ab-l {
	float: left;
	width:620px;
	padding-right:80px;
	margin:35px 0;
}
.ab-r {
	float: left;
	margin-top: 40px;
}
.ab-l h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
.ab-con {
	font-size: 13px;
	padding-bottom: 25px;
	line-height: 25px;
	text-indent:2em;
}
.ab-r img {
	width:375px;
}
.pro-nav {
	padding-bottom: 10px;
}
.pro-nav a {
	font-size: 14px;
	padding:0 30px;
	margin:0 10px 10px 0;
	display: inline-block;
	height: 22px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
}
.pro-nav a.on {
	color: #00488c;
	border:1px solid #00488c;
	border-radius:10px;
}
.pro-list {
	padding:30px 30px 0;
	margin-top: 3px;
}
.pro-list li {
	margin-bottom: 25px;
}
.pro-list li h1 {
	width: 227px;
	height: 152px;
	overflow: hidden;
	float: left;
}
.pro-list li h1 img {
	width: 100%;
	height: auto;
}
.pro-list-r {
	float: left;
	width: 710px;
	padding-left: 22px;
}
.pro-list-r span {
	display: block;
	line-height: 25px;
}
.pro-list-r h3 {
	margin:20px 0;
	font-size: 16px;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination-sm > li > a, .pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.page {
	text-align: center;
	margin:60px 0;
}
.page a, .page span {
	width: auto;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	display: inline-block;
}
.page span:first-child {
	display: none
}
.page .current {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
}
.page a:hover {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.page a.prev {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.page a.next {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ot-feny {
	text-align: center;
	padding:30px 0;
}
.pro-bo {
	text-align: center;
}
.pro-bo a {
	display: inline-block;
	width: 200px;
	margin:0 10px;
	height: 67px;
	background-position:center;
	background-repeat: no-repeat;
	line-height: 67px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
	text-shadow: 0px 0px 7px #fff;
}
#pro-bo01 {
	background-image:url(../images/ot_03.jpg);
}
#pro-bo02 {
	background-image:url(../images/ot_04.jpg);
}
#pro-bo03 {
	background-image:url(../images/ot_05.jpg);
}
#pro-bo04 {
	background-image:url(../images/ot_06.jpg);
}
.ot-hr {
	border-top:2px solid #00488c;
	border-bottom:1px solid #00488c;
	height: 6px;
}
.xq-tit {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin:20px 0 15px;
}
.xq-time {
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}
.per-tit {
	font-size: 18px;
	color: #00488c;
	margin:20px 0 10px;
}
.list_bg {
	background: url(../images/per-list-bg.png) repeat;
	margin-top: 15px
}
.per-list {
	margin: 0px 0 40px;
	font-weight: normal;
	font-size:12px;
	font-weight: bold;
	width: 25%;
	float: left
}
.per-list h5 {
	color: #0080d8;
	background:#e9e9e9;
	padding-left: 25px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}
.per-list p {
	padding-left: 25px;
	height: 40px;
	line-height: 40px
}
.per-list span {
	display: inline-block;
	width: 25%;
	line-height: 38px;
}
.con-list {
	font-size: 16px;
	padding:20px 0 30px;
}
.con-list dt {
	background:#e9e9e9;
	padding-left: 50px;
	line-height: 30px;
}
.con-list dd {
	padding-left: 50px;
	line-height: 30px;
	color: #656565;
	font-size: 14px;
}
.con-list span {
	display: inline-block;
	width: 33.3%;
	padding-left: 30px;
}
.con-list dt span {
	padding-left: 30px;
}
.con-list dd span {
	line-height: 30px;
}
.con-list span.con1 {
	background:url(../images/icon_01.png) left center no-repeat;
}
.con-list span.con2 {
	background:url(../images/icon_02.png) left center no-repeat;
}
.con-list span.con3 {
	background:url(../images/icon_03.png) left center no-repeat;
}
.con-list span.con4 {
	background:url(../images/icon_04.png) left center no-repeat;
}
.con-list span.con5 {
	background:url(../images/icon_05.png) left center no-repeat;
}
.con-list span.con6 {
	background:url(../images/icon_06.png) left center no-repeat;
}

.proservice{text-align: center; padding: 50px 0;}
.proservice .entit{line-height: 1; text-transform: uppercase;}
.proservice .cntit{font-size: 40px; line-height: 80px; position: relative;}
.proservice .cntit:after{position: absolute; content: ""; height: 4px; width: 80px; background: #fe0000; display: block; bottom: 0; left: calc(50% - 40px);}
.proservicecon img{max-width: 100%;}

.qualitybox{text-align: center; padding: 50px 0;}
.qualitybox .entit{line-height: 1; text-transform: uppercase;}
.qualitybox .cntit{font-size: 40px; line-height: 80px; position: relative;}
.qualitybox .cntit:after{position: absolute; content: ""; height: 4px; width: 80px; background: #fe0000; display: block; bottom: 0; left: calc(50% - 40px);}

.qualitybox .con .intro{font-size: 24px; line-height: 36px; padding: 20px 0 28px 0;}
.qualityList{display: flex; }
.qualityList .item{width: 25%;}
.qualityList .item .img{ margin: 0 auto;}
.qualityList .item .tit{text-align: center;font-size: 28px; line-height: 36px; color: #373839; margin-bottom: 10px;}
.qualityList .item .desc{text-align: center;font-size: 22px; line-height: 28px; color: #606d7b;}

.aboutbox{background: url(../images/index-about-bg.jpg) center no-repeat; background-size: cover; padding: 76px 0 116px 0;}
.abouttit{font-size: 40px; line-height: 80px; color: #091622; margin-bottom: 26px;c}                   
.aboutcon{font-size: 24px; line-height: 44px; color: #091622; width: 70%; margin-bottom: 32px; }
.aboutcon p{font-size: 24px; line-height: 44px; color: #091622; padding-bottom: 22px; }
.aboutbox .more{ margin-bottom: 83px;}
.aboutbox .more a{display: inline-block; height: 54px; padding: 0 72px 0 18px; font-size: 20px; line-height: 54px; color: #fff; background:#fe0000; position: relative;}
.aboutbox .more a:after{content: ""; background:url(../images/arr.png) right center no-repeat ; width: 32px; height: 10px; position: absolute; top: 22px; right: 18px;}

.aboutlist{width: 100%; border-top: 2px solid #ccc;display: flex; padding-top: 40px;}
.aboutlist .itembox{ width: 80%;display: flex;}
.aboutlist .arrbox{width: 20%; text-align: right;}
.aboutlist .itembox .item{border-left: 4px solid #fe0000 ; height: 50px; padding-left: 10px; width: 30%;}
.aboutlist .itembox .item .tit{font-size: 24px; color: #091622; line-height: 24px; margin-bottom: 10px;}
.aboutlist .itembox .item .intro{font-size: 16px; color: #091622; line-height: 16px;}

.contactbox{padding: 79px 0 83px 0;}
.contactbox .tit{font-size:40px; color: #222f3c; line-height: 40px; margin-bottom: 13px; }
.contactbox .intro{font-size:24px; color: #36383b; line-height: 36px; margin-bottom: 27px; }
.contactbox .contactinfo{font-size:16px; color: #8a8d91; line-height: 32px; display: flex; flex-wrap: wrap; margin-bottom: 49px;}
.contactbox .contactinfo div{ padding-left:30px; width: 24%; }
.contactbox .contactinfo div.inc1{background: url(../images/inc2.png) left center no-repeat;}
.contactbox .contactinfo div.inc2{background: url(../images/inc1.png) left center no-repeat;}
.contactbox .contactinfo div.inc3{background: url(../images/inc2.png) left center no-repeat;}
.contactbox .contactinfo div.inc4{background: url(../images/inc3.png) left center no-repeat;}
.contactbox .contactinfo div.inc5{background: url(../images/inc5.png) left center no-repeat;}
.contactbox .contactinfo div.inc6{background: url(../images/inc4.png) left center no-repeat;}
.contactbox .contactinfo div.inc7{background: url(../images/inc5.png) left center no-repeat;}
.cfbox{display: flex; justify-content: space-between;}
.cfbox .weichat{ text-align: center; line-height: 36px; color: #8a8d91;}
.cfbox .contactform{width: 70%; display: flex; flex-wrap: wrap; color: #8a8d91;c}
.cfbox .contactform .fline{width: 20%; margin-right: 5%; display: flex; font-size: 18px; line-height: 36px; height: 36px; border-bottom: 1px solid #ccc; }
.cfbox .contactform .fline.w100{width: 90%; flex-wrap: wrap; margin: 44px 0; height: 85px;}
.cfbox .contactform .fline.btnbox{border-bottom: none;}
.cfbox .contactform .fline label{width: 60px; line-height: 36px; display: inline-block; text-align: center;}
.cfbox .contactform .fline .ctxt,.cfbox .contactform .fline .ctxtarea{border: none; height: 34px; line-height: 34px; width: calc(100% - 70px); padding: 0; margin: 0; outline: 0;}
.cfbox .contactform .fline .ctxtarea{ width: 100%;  }
.cfbox .contactform .fline.btnbox{ margin: 16px 0;}
.cfbox .contactform .fline .sbtn{display: inline-block; border: none; height: 54px; padding: 0 72px 0 18px; font-size: 20px; line-height: 54px; color: #fff; background:#fe0000; position: relative;}
.cfbox .contactform .fline .sbtn:after{content: ""; background:url(../images/arr.png) right center no-repeat ; width: 32px; height: 10px; position: absolute; top: 22px; right: 18px;}

.footer{background: #004789; color: #fff; width: 100%; padding: 30px 0;}
.footer a{color: #fff;}
.footer .container{display: flex; justify-content: space-between; align-items: flex-end;}
.foot-left{ width: 30%; vertical-align: bottom;}
.foot-right{ width: 420px;}
.f-logo{text-align: right; margin-bottom: 25px;}
.foot-contact{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px;}
.foot-contact div{font-size: 12px; line-height: 24px;padding-left: 22px;}
.foot-contact div.inc1{background: url(../images/inc6.png) left center no-repeat;}
.foot-contact div.inc2{background: url(../images/inc7.png) left center no-repeat;}
.foot-contact div.inc3{background: url(../images/inc8.png) left center no-repeat;}
.foot-menu{ display: flex; justify-content: space-between;}
.foot-menu a{line-height: 30px;}

.infobanner{height: 475px; width: 100%; background-repeat: no-repeat; background-size: cover;}

.aboutmain{padding: 83px 0; width: 100%;}
.abouttitle{height: 54px; line-height: 54px; color: #666; border-bottom: 2px solid #b2b2b2; text-align: right; margin: 0;}
.abouttitle a{display: inline-block; padding: 0 24px;  font-size: 18px; position: relative;}
.abouttitle a:after{content: ""; height: 4px; width: 100%; background: none; transition:  all .4s; position: absolute; bottom: -1px; left: 0; right: 0;}

.abouttitle a.on{color: #014e94;}
.abouttitle a.on:after{background: #014e94;}

.aboutcontent{display: flex; justify-content: space-between; padding: 45px 0 ;}
.aboutcontent .about-left{width: 840px;}
.aboutcontent .about-left h2{font-size: 24px; line-height: 56px;}
.aboutcontent .about-left p{margin: 0; padding: 0; font-size: 16px; line-height: 26px; margin-bottom: 30px; }
.aboutcontent .about-right{width: 510px;}
.aboutcontent .about-right h2{font-size: 24px; line-height: 56px;}
.aboutcontent .about-right>div{font-size: 16px; line-height: 40px;}
.aboutcontent .about-right>div>span{display: inline-block; width: 120px;}

.develop{width: 100%;}
.develeopbox{position: relative; z-index: 10;}
.developLine{width: 100%; border-bottom: 2px solid #b2b2b2; height: 40px; position: relative; z-index: 9; margin-bottom: -40px;}
.developListbox{display: flex;}
.developListbox .list{width: 20%; margin-right: 5%; }
.developListbox .list .inc{ width: 18px; height: 31px; margin: 0 0 25px 12px; background:url(../images/ainc2.jpg) no-repeat;}
.developListbox .list .year{font-size: 24px; color: #333; line-height: 36px; margin-bottom: 10px;}
.developListbox .list .month{font-size: 24px; color: #333; line-height: 36px; margin-bottom: 15px;}
.developListbox .list .con{} 
.developListbox .list .con p{ font-size: 16px; color: #333; line-height: 28px; margin-bottom: 15px;}
.developListbox .list .con img{ max-width: 100%; margin-bottom: 10px;}
.developListbox .list.swiper-slide-active .inc{ background:url(../images/ainc3.jpg) no-repeat;}
.developListbox .list.swiper-slide-active .year{ color: #014e94;}

.swiper-button-next, .swiper-button-prev{top:36px; width: 50px; height: 50px; border-radius: 50%; border:3px solid #b2b2b2; background: #fff; z-index: 11;}
.swiper-button-prev{left: -70px; background: url(../images/ainc11.jpg) center no-repeat #fff; border-color:#235079; transform:rotate(180deg);}
.swiper-button-next{right: -70px; background: url(../images/ainc11.jpg) center no-repeat  #fff; border-color:#235079; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1; background: url(../images/ainc1.jpg) center no-repeat #fff;  border-color:#b2b2b2;}
.swiper-button-next.swiper-button-disabled{ transform:rotate(180deg);}
.swiper-button-prev.swiper-button-disabled{ transform:rotate(0deg);}